<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="打印表格(函数).js" type="text/javascript"></script>

</head>
<body>
<!--
    删除节点 ：

        removeChild(node) ：

            语法： 父节点.removeChild(删除的节点)

-->
    <ul id="parent">
        <li id="first">列表一</li>
        <li id="second">列表二</li>
        <li id="third">列表三</li>
        <li id="fifth">列表三</li>
    </ul>
    <script type="text/javascript">
        // 要求：删除second节点
        // 第一步：获取父节点
        var parent = document.getElementById("parent");
        // 第二步：获取要删除的节点
        var childsArr = parent.childNodes;//这是一个数组
         // 第三步：删除
        /**
         * 这里删除出现错误，因为空格也是文本,每次删除的都是空户
      for(var child=0;child<childsArr.length;child++){
            parent.removeChild(childsArr[child]);
        }
         */
        // 所以删除所有子节点，需要倒着删除
        for(var child=childsArr.length-1;child>=0;child--){
            parent.removeChild(childsArr[child]);
        }
        log(parent);

        // 要求：删除parent所有节点
        // 第一步：获取父节点
        var parent = document.getElementById("parent");
        // 第二步：获取要删除的节点
        var second = document.getElementById("second");
        // 第三步：删除
        parent.removeChild(second);
        log(parent);


    </script>
</body>
</html>